<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>404</title>
    <script src="/js/jquery-3.3.1.min.js"></script>
    <link rel="icon" href="/images/error.ico" type="image/x-icon">
    <link rel="stylesheet" href="/css/404.css">

</head>
<body>
<section class="wrapper">

    <div class="container">

        <div id="scene" class="scene" data-hover-only="false">

            <div class="circle" data-depth="1.2"></div>

            <div class="one" data-depth="0.9">
                <div class="content">
                    <span class="piece"></span>
                    <span class="piece"></span>
                    <span class="piece"></span>
                </div>
            </div>

            <div class="two" data-depth="0.60">
                <div class="content">
                    <span class="piece"></span>
                    <span class="piece"></span>
                    <span class="piece"></span>
                </div>
            </div>

            <div class="three" data-depth="0.40">
                <div class="content">
                    <span class="piece"></span>
                    <span class="piece"></span>
                    <span class="piece"></span>
                </div>
            </div>

            <p class="p404" data-depth="0.50">404</p>
            <p class="p404" data-depth="0.10">404</p>

        </div>

        <div class="text">
            <article>
                <p>Uh oh! Looks like you got lost. <br>Go back to the homepage if you dare!</p>
                <a href="/home">
                    <button>i dare!</button>
                </a>
            </article>
        </div>

    </div>
</section>
<!-- partial -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js'></script>

<script>
    var scene = document.getElementById('scene');
    var parallax = new Parallax(scene);
    // 检查当前窗口是否为顶级窗口
    // if (self != top) {
    //     // 如果不是顶级窗口，则将顶级窗口的 URL 设置为当前窗口的 URL
    //     top.location.href = self.location.href;
    // }
</script>

</body>
</html>